Applying similar programming techniques that we have used so far, to programming a real robot. In physical system
Describe the robot to kids and let them inspect the basis elements
Write a simple program to make one wheel move, burn it and run
Change the above program to get the robot to move forward (both wheels motion - ask kids how they should move)
Change the program to make the robot turn by 90 degrees (ask students for how wheels should rotate)
Change the above program to get the robot to move in a square (infinite and finite - what is required to make it finite)
Demonstrate a use of sensor (touch/IR) to make the robot stop and avoid a collision, move back a bit and then turn right (ask kids what the functionality should be)
Behavior - Go to Blocks - When user touches the Canvas, draw a Circle there (Canvas properties) of radius 5
2: Let user draw lines on a photo
"Dragged" event - use prevX, prevY, currentX, currentY - one event for each movement - draw a line
3: Add colors
On design - Drag a horizontal arrangement below the canvas for buttons, and three buttons - change text to Red/Blue/Green, names of buttons, and background color of buttons
On Blocks - change canvas paintcolor to red/blue/green for each color button
4: Change size of circle or line, and add clear functionality
On design - Another horizontal arrangement, 4 buttons - "Clear", "Big", "Small" - rename them
On Blocks - add Canvas clear
For big/small, introduce variable for circle size, and for each button click, set the variable. Use that variable on circle radius
5. Take a picture and then draw on that
On design - add a camera component (invisible), and add a "Take Picture" button on horizontal arrangement
On Blocks - when picture button is clicked, get the camera to take a picture
This creates an event for Camera "Afterpicture" - set the picture as Canvas background image
6. Change Big/Small to Slider
On design - remove Big/Small button, and from User Interface, drag in a slider button, and label for slider (set text). Set slider color to black, and width to 100. Set min and max value to 2 and 20; start at 10
On Blocks - When slider position is changed, set the dotsize variable to the slider position. Set default value to starting slider value
7. Customization Exercises
The user interface in the PaintPot tutorial app does not display the current chosen color-- the user can only tell what color will be drawn by actually drawing. Add immediate feedback for the user so that when he clicks to change color, the UI changes to make it clear which color is chosen(e.g., when a color button is chosen, change the background color of the button to its color, and gray others)
Provide a way for the user to control the thickness of the lines that are drawn, similarly to how the dot size can be changed. Hint: Check out the properties of the Canvas component for one concerning line width.
Homework Project Suggestions
Tic tac toe
Hangman
Monty Hall problem
Game of Pig
A 12+ key Piano
No texting while driving (can use Google Voice to send/receive SMS)
Guess a number between 1 and 100 (app asks you questions to guess a number you have thought of - binary search)
